<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小米首页</title>
    <!--外部样式表-->
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<!--1.结构搭建,推荐使用html5新元素——结构化元素：让元素更加语义化，用于结构搭建，有利于SEO优化
header元素：网页头部——导航、界面基本介绍以及登录口
main元素：网页中间——出现一次，类似于body，显示网页中间主体效果
main元素出现结构化元素：
nav元素：导航/导航条/翻页，任一导航处
article元素：独立内容区域块，左栏，功能栏
aside元素：广告、介绍（弹出）左栏，配合article元素使用
footer元素：网页的尾部——商标，版本号，基本介绍
-->
<!--2.搭建头部空间元素-->
<header>
    <!--页面：留白区域-->
    <div id="wrapper">
        <!--左侧空间-->
        <div class="left">
            <ul>
                <li><a href="#">小米网</a></li>
                <li><a href="#">MIUI</a></li>
                <li><a href="#">米聊</a></li>
                <li><a href="#">游戏</a></li>
                <li><a href="#">多看阅读</a></li>
                <li><a href="#">云服务</a></li>
                <li><a href="#">小米移动</a></li>
                <li><a href="#">问题反馈</a></li>
                <li><a href="#">Select Region</a></li>
            </ul>
        </div>
        <!--右侧空间-->
        <div class="right"></div>
    </div>
</header>
<!--3.页面主体元素：页面的主体内容-->
<main>

</main>
<!--4.页面的尾部：基本介绍-->
<footer>

</footer>
</body>
</html>